<template>
    <div class="header-box">
        <a @click="backbefore"><div class="header-logo"></div></a>
        <div class="btn-right">
            <i class="btn-icon btn-search" @click="show = true" />
            <van-overlay :show="show">
                <div class="search-title">
                    <van-icon name="close" @click="show = false" />
                </div>
                <div class="search-body">
                    <form action="">
                        <input type="search" placeholder="搜索心动礼品" maxlength="50" class="txt-search">
                    </form>
                    <div class="search-hot">
                        <div class="hot-title">热搜</div>
                        <div class="hot-label-box">
                            <span>经典玫瑰花系列</span>
                            <span>星座系列 生辰石首饰</span>
                        </div>
                    </div>
                </div>
            </van-overlay>
            <i class="btn-icon btn-site" />
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                show:false
            }
        },
        methods: {
            backbefore() {
                // history.go(-1)
                this.$router.push('/')
            }
        },
    }
</script>

<style src="../assets/css/header.css" scoped>

</style>